<template>
    <div class="not-found">
        <img src="../../assets/images/404.png" alt="">
        <router-link to="/index/recommend">
            <button class="btn">回到首页</button>
        </router-link>
    </div>
</template>
<script setup lang="ts">

</script>
<style scoped>
.not-found {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.not-found img {
    width: 100%;
    height: 700px;
}

.btn {
    width: 100px;
    height: 50px;
    border-radius: 50px;
    border: none;
    position: absolute;
    top: 75%;
    left: 60%;
    background: yellowgreen;
}
</style>